import carouselIcon from '@/assets/img/drag/carousel.png'
import categoryNavIcon from '@/assets/img/drag/category-nav.png'
import examIcon from '@/assets/img/drag/exam.png'
import navIcon from '@/assets/img/drag/icon.png'
import messageIcon from '@/assets/img/drag/message.png'
import singleIcon from '@/assets/img/drag/single.png'
import titleIcon from '@/assets/img/drag/title.png'
import videoIcon from '@/assets/img/drag/video.png'
import cubeIcon from '@/assets/img/drag/cube.png'
import cuponIcon from '@/assets/img/drag/cupon.png'
import noticeIcon from '@/assets/img/drag/notice.png'
import dividerIcon from '@/assets/img/drag/divider.png'
import emptyIcon from '@/assets/img/drag/empty-area.png'
import flashIcon from '@/assets/img/drag/flash.png'

export const componentListData: any[] = [
  {
    type: 'base',
    title: '基础组件',
    collapsed: true,
    icon: '&#xe723;',
    sub_list: [
      {
        id: 77,
        category_type: 'base',
        type: 'img',
        title: '单图组',
        icon_img: singleIcon,
        default_sub_list: [
          {
            fileUrl: 'https://image.lutongjiakao.com/system/82895dd1bc8c4960b05f552446bf5c76.png'
          }
        ],
        style: {
          paddingTop: '6px',
          paddingBottom: '6px',
          paddingLeft: '6px',
          paddingRight: '6px',
          borderRadius: '12px',
          backgroundColor: '#fff'
        },
        itemStyle: {}
      },
      {
        id: 1,
        category_type: 'base',
        type: 'carousel',
        title: '轮播图',
        max_list_count: 12,
        icon_img: carouselIcon,
        default_sub_list: [
          {
            fileUrl: 'https://image.lutongjiakao.com/system/82895dd1bc8c4960b05f552446bf5c76.png'
          },
          {
            fileUrl: 'https://image.lutongjiakao.com/system/82895dd1bc8c4960b05f552446bf5c76.png'
          }
        ],
        style: {
          paddingTop: '',
          paddingBottom: '',
          paddingLeft: '',
          paddingRight: '',
          borderRadius: '0px',
          backgroundColor: '#fff'
        },
        itemStyle: {}
      },
      {
        id: 9,
        category_type: 'base',
        type: 'notice',
        title: '公告',
        icon_img: noticeIcon,
        show_num: 4,
        max_list_count: 10,
        notice_icon: 'https://image.lutongjiakao.com/system/a8234cad92de48ee8a3f5d86bade93f2.png',
        content: '公告,过长可配置滚动',
        direction: 'horizontal',
        scroll: false,
        default_sub_list: [
          {
            id: 1,
            title: '公告1'
          }
        ],
        style: {
          paddingTop: '6px',
          paddingBottom: '6px',
          paddingLeft: '6px',
          paddingRight: '6px',
          borderRadius: '16px',
          backgroundColor: '#FBF6EC '
        },
        itemStyle: {
          color: '#E3A606',
          fontSize: 13
        },
        backgroundStyle: {
          backgroundColor: '#fff'
        }
      },
      {
        id: 2,
        category_type: 'base',
        type: 'category_nav',
        title: '按钮组',
        show_num: 4,
        show_name: true,
        max_list_count: 20,
        icon_img: navIcon,
        default_sub_list: [
          {
            id: 8,
            fileName: '标题1',
            fileUrl: 'https://image.lutongjiakao.com/system/ed20cdb81fe141bc9511bc27eab8927a.png'
          },
          {
            id: 9,
            fileName: '标题2',
            fileUrl: 'https://image.lutongjiakao.com/system/ed20cdb81fe141bc9511bc27eab8927a.png'
          },
          {
            id: 10,
            fileName: '标题3',
            fileUrl: 'https://image.lutongjiakao.com/system/ed20cdb81fe141bc9511bc27eab8927a.png'
          },
          {
            id: 12,
            fileName: '标题4',
            fileUrl: 'https://image.lutongjiakao.com/system/ed20cdb81fe141bc9511bc27eab8927a.png'
          }
        ],
        style: {
          paddingTop: '6px',
          paddingBottom: '6px',
          paddingLeft: '6px',
          paddingRight: '6px',
          borderRadius: '12px',
          backgroundColor: '#fff'
        },
        itemStyle: {
          fontSize: 14,
          fontWeight: 0,
          borderRadius: 100,
          color: '#333',
          width: 30
        }
      },
      // {
      //   id: 66,
      //   category_type: 'base',
      //   type: 'info',
      //   title: '信息卡片',
      //   show_more: true,
      //   name: 'xx驾校',
      //   tags: ['学车', '驾校培训'],
      //   businessHours: '营业时间 周一至周日00:00-24：00',
      //   address: 'xx省xx市xx区xxx',
      //   distance: '6km',
      //   icon_img: messageIcon,
      //   showMore: true,
      //   showIcons: true,
      //   nameStyle: { fontSize: 16, color: '#333333', fontWeight: 600 },
      //   tagStyle: {
      //     fontSize: 12,
      //     color: '#1890ff',
      //     backgroundColor: '#e6f7ff',
      //     borderRadius: 12,
      //     fontWeight: 600
      //   },
      //   timeStyle: { fontSize: 12, color: '#666666', fontWeight: 600 },
      //   addressMainStyle: { fontSize: 14, color: '#333333', fontWeight: 500 },
      //   addressSubStyle: { fontSize: 12, color: '#999999', fontWeight: 400 },
      //   style: {
      //     paddingTop: '12px',
      //     paddingBottom: '12px',
      //     paddingLeft: '12px',
      //     paddingRight: '12px',
      //     backgroundColor: '#fff'
      //   },
      //   itemStyle: {},
      //   max_list_count: 12,
      //   default_sub_list: []
      // },
      {
        id: 8,
        category_type: 'base',
        type: 'info_card',
        title: '按钮魔方',
        icon_img: navIcon,
        show_num: 4,
        layout: 'row-2',
        max_list_count: 12,
        img: '',
        default_sub_list: [
          {
            id: 8,
            title: '标题1',
            desc: '副标题内容',
            imgUrl: 'https://image.lutongjiakao.com/system/8213a68eec6141d19a866d741bf104e2.png'
          },
          {
            id: 9,
            title: '标题2',
            desc: '副标题内容',
            imgUrl: 'https://image.lutongjiakao.com/system/8213a68eec6141d19a866d741bf104e2.png'
          },
          {
            id: 10,
            title: '标题3',
            desc: '副标题内容',
            imgUrl: 'https://image.lutongjiakao.com/system/8213a68eec6141d19a866d741bf104e2.png'
          },
          {
            id: 11,
            title: '标题4',
            desc: '副标题内容',
            imgUrl: 'https://image.lutongjiakao.com/system/8213a68eec6141d19a866d741bf104e2.png'
          }
        ],
        style: {
          paddingTop: '6px',
          paddingBottom: '6px',
          paddingLeft: '6px',
          paddingRight: '6px',
          borderRadius: '12px',
          backgroundColor: '#fff'
        },
        itemStyle: {},
        titleStyle: {
          fontSize: 15,
          color: '#333',
          fontWeight: 600
        },
        descStyle: {
          fontSize: 12,
          fontWeight: 0,
          color: '#999'
        }
      },
      {
        id: 78,
        category_type: 'base',
        type: 'nav_title',
        icon_img: titleIcon,
        title: '标题',
        show_more: true,
        more_text: '更多',
        title_layout: 'left',
        style: {
          paddingTop: '6px',
          paddingBottom: '6px',
          paddingLeft: '6px',
          paddingRight: '6px',
          borderRadius: '12px',
          backgroundColor: '#fff'
        },
        itemStyle: {
          color: '#000',
          fontSize: 18,
          fontWeight: 600,
          textAlign: 'left',
          more_color: '#999999'
        }
      },
      {
        id: 10,
        category_type: 'base',
        type: 'video_play',
        title: '单视频',
        icon_img: videoIcon,
        show_num: 4,
        max_list_count: 12,
        layout: 'single',
        show_more: true,
        show_title: true,
        text_layout: 'outside',
        show_more_text: '更多',
        default_sub_list: [
          {
            fileName: '这是视频一',
            poster: 'https://image.lutongjiakao.com/system/b556ec7ad9fe478b8a14c20ed6f1e50b.png',
            fileUrl: 'https://image.lutongjiakao.com/system/ede64f6dc3bd496bb3a4b695a7d44893.mp4'
          }
        ],
        style: {
          paddingTop: '6px',
          paddingBottom: '6px',
          paddingLeft: '6px',
          paddingRight: '6px',
          borderRadius: '12px',
          backgroundColor: '#fff'
        },
        itemStyle: {
          color: '#333',
          fontSize: 18,
          fontWeight: 600
        },
        backgroundStyle: {
          backgroundColor: '#60c041'
        }
      },
      {
        id: 100,
        category_type: 'base',
        type: 'video_course_single',
        api_url: '/diyMenu/getSortToId',
        title: '单课程',
        icon_img: videoIcon,
        show_num: 4,
        max_list_count: 1,
        layout: 'carousel',
        show_more: true,
        show_title: true,
        text_layout: 'outside',
        show_more_text: '更多',
        default_sub_list: [
          {
            id: -1,
            name: '课程标题',
            image: 'https://image.lutongjiakao.com/system/b556ec7ad9fe478b8a14c20ed6f1e50b.png',
            isDefault: true
          }
        ],
        course_detail_list: [
          {
            id: -1,
            questionName: '课程标题',
            questionImage:
              'https://image.lutongjiakao.com/system/b556ec7ad9fe478b8a14c20ed6f1e50b.png',
            isDefault: true
          }
        ],
        style: {
          paddingTop: '6px',
          paddingBottom: '6px',
          paddingLeft: '6px',
          paddingRight: '6px',
          borderRadius: '12px',
          backgroundColor: '#fff'
        },
        itemStyle: {
          color: '#333',
          fontSize: 18,
          fontWeight: 600
        },
        backgroundStyle: {
          backgroundColor: '#60c041'
        }
      },
      {
        id: 100,
        category_type: 'base',
        type: 'video_course',
        api_url: '/diyMenu/getSortToId',
        title: '视频课程',
        icon_img: videoIcon,
        show_num: 4,
        max_list_count: 12,
        layout: 'carousel',
        show_more: true,
        show_title: true,
        text_layout: 'outside',
        show_more_text: '更多',
        default_sub_list: [
          {
            id: -1,
            name: '视频课程标题',
            image: 'https://image.lutongjiakao.com/system/b556ec7ad9fe478b8a14c20ed6f1e50b.png',
            isDefault: true
          }
        ],
        style: {
          paddingTop: '6px',
          paddingBottom: '6px',
          paddingLeft: '6px',
          paddingRight: '6px',
          borderRadius: '12px',
          backgroundColor: '#fff'
        },
        itemStyle: {
          color: '#333',
          fontSize: 18,
          fontWeight: 600
        },
        backgroundStyle: {
          backgroundColor: '#60c041'
        }
      },
      {
        id: 4,
        category_type: 'base',
        type: 'goods',
        title: '商品推荐',
        max_list_count: 12,
        api_url: '/diyMenu/getSortToId',
        layout: 'list',
        data_type: 'package',
        show_item_name: 1,
        show_item_desc: 1,
        show_item_price: true,
        show_more: true,
        icon_img: messageIcon,
        default_sub_list: [
          {
            id: 22,
            image: 'https://image.lutongjiakao.com/system/82895dd1bc8c4960b05f552446bf5c76.png',
            name: '此处显示商品标题，最多两行',
            remark: '此处显示描述，最多两行',
            price: '99',
            show_desc: true,
            show_price: true,
            isDefault: true
          }
        ],
        style: {
          paddingTop: '6px',
          paddingBottom: '6px',
          paddingLeft: '6px',
          paddingRight: '6px',
          borderRadius: '12px',
          backgroundColor: '#fff'
        },
        itemStyle: {
          borderRadius: 12
        }
      },
      {
        id: 23,
        category_type: 'base',
        type: 'category_goods',
        title: '分类导航',
        icon_img: categoryNavIcon,
        max_list_count: 12,
        show_item_name: 1,
        show_item_desc: 1,
        show_item_price: true,
        show_item_vip: true,
        api_url: '/diyMenu/getSortToId',
        item_layout: 'list',
        style: {
          paddingTop: '6px',
          paddingBottom: '6px',
          paddingLeft: '6px',
          paddingRight: '6px',
          borderRadius: '12px',
          backgroundColor: '#fff'
        },
        itemStyle: {},
        tabStyle: {},
        tabs: [
          {
            category: '分类一',
            type: 'default',
            default_sub_list: [
              {
                id: 1,
                name: '此处显示内容名称，最多两行',
                remark: '此处显示描述，最多两行',
                price: '99',
                image: 'https://image.lutongjiakao.com/system/82895dd1bc8c4960b05f552446bf5c76.png',
                tags: [],
                mobile: '',
                isDefault: true
              }
            ]
          },
          {
            category: '分类二',
            type: 'default',
            default_sub_list: [
              {
                id: 3,
                name: '此处显示内容名称，最多两行',
                remark: '此处显示描述，最多两行',
                price: '免费',
                image: 'https://image.lutongjiakao.com/system/82895dd1bc8c4960b05f552446bf5c76.png',
                tags: [],
                mobile: '',
                isDefault: true
              }
            ]
          }
        ]
      },
      {
        id: 90,
        category_type: 'base',
        type: 'article',
        title: '图文列表',
        max_list_count: 12,
        api_url: '/diyMenu/getSortToId',
        layout: 'list',
        data_type: 'article',
        show_item_name: 1,
        show_item_desc: 1,
        show_more: true,
        icon_img: messageIcon,
        default_sub_list: [
          {
            id: 22,
            image: 'https://image.lutongjiakao.com/system/82895dd1bc8c4960b05f552446bf5c76.png',
            name: '此处显示图文标题，最多两行',
            remark: '此处显示描述，最多两行',
            show_desc: true,
            isDefault: true
          }
        ],
        style: {
          paddingTop: '6px',
          paddingBottom: '6px',
          paddingLeft: '6px',
          paddingRight: '6px',
          borderRadius: '12px',
          backgroundColor: '#fff'
        },
        itemStyle: {
          borderRadius: 12
        }
      },
      {
        id: 5,
        category_type: 'base',
        type: 'question',
        icon_img: examIcon,
        title: '答题',
        show_item_name: true,
        styleLayout: 1,
        practiceCircle: {
          title: '顺序练习',
          subTitle: '1/1200',
          bgColor: '#1DC108',
          valueSource: 1
        },
        examCircle: {
          title: '模拟考试',
          subTitle: '100分',
          bgColor: '#295CF5',
          valueSource: 1
        },
        question_list: [
          {
            name: 'VIP课程',
            img: 'https://image.lutongjiakao.com/system/ed20cdb81fe141bc9511bc27eab8927a.png'
          },
          {
            name: '精选500道',
            img: 'https://image.lutongjiakao.com/system/ed20cdb81fe141bc9511bc27eab8927a.png'
          },
          {
            name: '图标技巧',
            img: 'https://image.lutongjiakao.com/system/ed20cdb81fe141bc9511bc27eab8927a.png'
          },
          {
            name: '专项练习',
            img: 'https://image.lutongjiakao.com/system/ed20cdb81fe141bc9511bc27eab8927a.png'
          },
          {
            name: '我的成绩',
            img: 'https://image.lutongjiakao.com/system/ed20cdb81fe141bc9511bc27eab8927a.png'
          },
          {
            name: '错题收藏',
            img: 'https://image.lutongjiakao.com/system/ed20cdb81fe141bc9511bc27eab8927a.png'
          },
          {
            name: '考前密卷',
            img: 'https://image.lutongjiakao.com/system/ed20cdb81fe141bc9511bc27eab8927a.png'
          },
          {
            name: '真实考场',
            img: 'https://image.lutongjiakao.com/system/ed20cdb81fe141bc9511bc27eab8927a.png'
          }
        ],
        style: {
          paddingTop: '6px',
          paddingBottom: '6px',
          paddingLeft: '6px',
          paddingRight: '6px',
          borderRadius: '12px',
          backgroundColor: '#fff'
        },
        itemStyle: {
          fontSize: 14,
          borderRadius: 100,
          fontWeight: 0,
          color: '#333',
          width: 40,
          height: 40
        }
      },
      {
        id: 79,
        category_type: 'base',
        type: 'divider',
        icon_img: dividerIcon,
        title: '分割线',
        layout: 'dashed',
        style: {
          paddingTop: '6px',
          paddingBottom: '6px',
          paddingLeft: '6px',
          paddingRight: '6px',
          borderRadius: '12px',
          backgroundColor: '#fff'
        },
        itemStyle: {
          backgroundColor: '#787878',
          height: 1
        }
      },
      {
        id: 82,
        category_type: 'base',
        type: 'empty_area',
        icon_img: emptyIcon,
        title: '空白区域',
        style: {
          paddingTop: '6px',
          paddingBottom: '6px',
          paddingLeft: '6px',
          paddingRight: '6px',
          borderRadius: '12px',
          backgroundColor: '#fff'
        },
        itemStyle: {
          height: 1,
          backgroundColor: '#fff'
        }
      },
      {
        id: 80,
        category_type: 'base',
        type: 'nav_link',
        icon_img: categoryNavIcon,
        title: '列表导航',
        show_icon: true,
        show_more: true,
        more_type: 1,
        show_more_text: '查看',
        more_text_color: '#999',
        rightIcon: 'https://image.lutongjiakao.com/system/b5eec522fb5f47f599be941c33774222.png',
        default_sub_list: [
          {
            leftIcon: 'https://image.lutongjiakao.com/system/ed20cdb81fe141bc9511bc27eab8927a.png',
            title: '文字一',
            rightIcon: 'https://image.lutongjiakao.com/system/ed20cdb81fe141bc9511bc27eab8927a.png'
          },
          {
            leftIcon: 'https://image.lutongjiakao.com/system/ed20cdb81fe141bc9511bc27eab8927a.png',
            title: '文字二',
            rightIcon: 'https://image.lutongjiakao.com/system/ed20cdb81fe141bc9511bc27eab8927a.png'
          },
          {
            leftIcon: 'https://image.lutongjiakao.com/system/ed20cdb81fe141bc9511bc27eab8927a.png',
            title: '文字三',
            rightIcon: 'https://image.lutongjiakao.com/system/ed20cdb81fe141bc9511bc27eab8927a.png'
          }
        ],
        style: {
          paddingTop: '6px',
          paddingBottom: '6px',
          paddingLeft: '6px',
          paddingRight: '6px',
          borderRadius: '12px',
          backgroundColor: '#fff'
        },
        itemStyle: {
          color: '#000',
          fontSize: 13,
          fontWeight: 600
        }
      },
      {
        id: 81,
        category_type: 'base',
        type: 'cube',
        icon_img: cubeIcon,
        title: '魔方',
        layout: 'row-2',
        show_more: true,
        default_sub_list: [],
        style: {
          paddingTop: '6px',
          paddingBottom: '6px',
          paddingLeft: '6px',
          paddingRight: '6px',
          backgroundColor: '#fff'
        },
        itemStyle: {
          gap: 1,
          borderRadius: 12
        }
      }
    ]
  },
  {
    type: 'shop',
    title: '营销组件',
    collapsed: true,
    icon: '&#xe762;',
    sub_list: [
      {
        id: 12,
        category_type: 'base',
        type: 'goods_flash',
        title: '班型秒杀',
        max_list_count: 12,
        data_type: 'package',
        flash_name: '限时秒杀',
        show_item_name: 1,
        show_item_desc: 1,
        show_item_price: true,
        show_more: true,
        more_text: '更多',
        activity_bg: 'https://image.lutongjiakao.com/system/31fac1633d564c0c81d45da9e78c5224.png',
        icon_img: flashIcon,
        activityId: '',
        startTime: '2025-09-08 00:00:00',
        endTime: '2025-09-10 00:00:00',
        default_sub_list: [
          {
            id: 22,
            image: 'https://image.lutongjiakao.com/system/82895dd1bc8c4960b05f552446bf5c76.png',
            name: '此处显示图文标题，最多两行',
            remark: '此处显示描述，最多两行',
            price: '0.00',
            originalPrice: 0,
            activityPrice: 0,
            show_desc: true,
            show_price: true,
            isDefault: true,
            activityCommodityAoList: [
              {
                image: 'https://image.lutongjiakao.com/system/82895dd1bc8c4960b05f552446bf5c76.png',
                name: '此处显示图文标题，最多两行',
                remark: '此处显示描述，最多两行',
                price: '0.00',
              }
            ]
          }
        ],
        style: {
          paddingTop: '6px',
          paddingBottom: '6px',
          paddingLeft: '6px',
          paddingRight: '6px',
          borderRadius: '12px',
          backgroundColor: '#fff'
        },
        itemStyle: {
          countDownColor: {
            color: '#ff3c29'
          }
        },
        titleStyle: {
          fontSize: 18,
          color: '#fff',
          fontWeight: 600
        },
        moreStyle: {
          fontSize: 12,
          color: '#fff'
        }
      },
      {
        id: 11,
        category_type: 'base',
        type: 'coupon',
        title: '优惠券',
        icon_img: cuponIcon,
        show_num: 4,
        max_list_count: 12,
        scroll: false,
        layout: 'list',
        default_sub_list: [
          {
            name: '满减',
            type: 1,
            discountAmount: 10,
            minConsumption: 100,
            expiryType: 2,
            validityDays: null,
            scope: 1,
            endTime: '2025-10-25 00:00:00'
          }
        ],
        style: {
          paddingTop: '6px',
          paddingBottom: '6px',
          paddingLeft: '6px',
          paddingRight: '6px',
          backgroundColor: '#fff'
        },
        itemStyle: {
          color: '#333',
          backgroundColor: '#f7553b'
        }
      }
    ]
  }
]
